/* Importing other styles */
@import url("fonts.css");

/* Tag-specific */
html, body, form, fieldset, li, h1, h2, h3, h4, h5, h6, p, ul, dl, dt, dd, input{
	margin: 0;
	padding: 0;
}

dl, p, ul, ol{
	margin: 0 0 1em;
	padding: 0;
}

a{
	color: #fff;
}

a:hover{
	color: #000;
	background: #fff;
}

body{
	background: #666;
}

blockquote{
	color: #000;
	background: #fff;
	margin: 1em;
	padding: 1em;
}

dd{
	margin-bottom: 1.5em;
}

dl{
	margin: 1em 2em;
}

dt{
	font-weight: bold;
	margin-bottom: 0.5em;
}

h1{
	position: relative;
	width: 368px;
	height: 25px;
	margin-bottom: 1.5em;
}

h1 a:hover{
	background: transparent;
}

h1 span{
	position: absolute;
	left: 0;
	background: url(../images/logo.gif) no-repeat;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

h2{
	margin: 1em 0;
}

h3{
	margin: 1em 0;
}

h4{
	margin: 1em 0;
}

form label{
	cursor: pointer;
}

img{
	border: none;
}

input[type=text]{
	width: 100%;
	vertical-align: middle;
}

pre{
	width: 100%;
	overflow: auto;
}

/* General */
div#container{
	width: 840px;
	margin: 0 auto;
}

div#footer{
	clear: left;
	width: 100%;
	border-top: 1px solid #fff;
	margin: 2em 0;
	padding: 0.5em;
}

div#inner-container{
	float: left;
	width: 100%;
	margin: 2em auto;
}

div#main-content{
	float: left;
	width: 550px;
}

div#main-content ul{
	margin: 1em 0 1em 3em;
}

div#navigation{
	float: right;
	width: 249px;
	background: #666 url(../images/rounded-top.gif) no-repeat left top;
	padding-top: 13px;
}

div#navigation-inner{
	background: #666 url(../images/rounded-bottom.gif) no-repeat left bottom;	
	padding: 1em;
}

div#navigation a{
	display: block;
	width: 99%;
	padding: 0.25em;
}

div#navigation a.selected{
	font-weight: bold;
	color: #fff;
	background: #000;
}

div#navigation a:hover{
	color: #fff;
	background: #000;
}

div#navigation p{
	margin-top: 1em;
}

div#navigation ul{
	display: block;
	clear: left;
	margin: 0.5em 0 1.5em 2em;
}

div#navigation ul li{
	line-height: 1.5em
}

div#navigation ul.gallery-links a{
	display: inline;
}

img.example-image{
	display: block;
	margin: 1em auto;
}

/* Demo-specific CSS */
.outlined{
	background: #333;
	border: 2px dashed #fff;
	padding: 1em;
}

.red{
	background: #f00;
}

@media print{
	#navigation{
		display: none;
	}
	div#container{
		width: 550px;
	}
}